﻿<!DOCTYPE html>
<html>
  <head>
    <title>选择器</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/选择器/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/选择器/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4248" class="ax_default">
        <div id="u4248_state0" class="panel_state" data-label="State1" style="">
          <div id="u4248_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4249" class="ax_default box_2">
              <div id="u4249_div" class=""></div>
              <div id="u4249_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u4250" class="ax_default paragraph">
              <div id="u4250_div" class=""></div>
              <div id="u4250_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u4251" class="ax_default" data-label="header">
        <div id="u4251_state0" class="panel_state" data-label="State1" style="">
          <div id="u4251_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4252" class="ax_default box_1">
              <div id="u4252_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4253" class="ax_default">
              <div id="u4253_state0" class="panel_state" data-label="State1" style="">
                <div id="u4253_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4254" class="ax_default box_1">
                    <div id="u4254_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4255" class="ax_default box_1">
                    <div id="u4255_div" class=""></div>
                    <div id="u4255_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4256" class="ax_default box_1">
                    <div id="u4256_div" class=""></div>
                    <div id="u4256_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4257" class="ax_default image">
                    <img id="u4257_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4258" class="ax_default box_1">
                    <img id="u4258_img" class="img " src="images/index/u11.png"/>
                    <div id="u4258_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4259" class="ax_default box_1">
        <div id="u4259_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u4261" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4261_div" class=""></div>
        <div id="u4261_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4262" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4262_div" class=""></div>
        <div id="u4262_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4263" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4263_div" class=""></div>
        <div id="u4263_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4264" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4264_div" class=""></div>
        <div id="u4264_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4265" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4265_div" class=""></div>
        <div id="u4265_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4266" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4266_div" class=""></div>
        <div id="u4266_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4267" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4267_div" class=""></div>
        <div id="u4267_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4268" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4268_div" class=""></div>
        <div id="u4268_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4269" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4269_div" class=""></div>
        <div id="u4269_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4270" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4270_div" class=""></div>
        <div id="u4270_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4271" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4271_div" class=""></div>
        <div id="u4271_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4272" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4272_div" class=""></div>
        <div id="u4272_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4273" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4273_div" class=""></div>
        <div id="u4273_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4274" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4274_div" class=""></div>
        <div id="u4274_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4275" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4275_div" class=""></div>
        <div id="u4275_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4276" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4276_div" class=""></div>
        <div id="u4276_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4277" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4277_div" class=""></div>
        <div id="u4277_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4278" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4278_div" class=""></div>
        <div id="u4278_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4279" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4279_div" class=""></div>
        <div id="u4279_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4280" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4280_div" class=""></div>
        <div id="u4280_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4281" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4281_div" class=""></div>
        <div id="u4281_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4282" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4282_div" class=""></div>
        <div id="u4282_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4283" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4283_div" class=""></div>
        <div id="u4283_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4284" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4284_div" class=""></div>
        <div id="u4284_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4285" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4285_div" class=""></div>
        <div id="u4285_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4286" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4286_div" class=""></div>
        <div id="u4286_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4287" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4287_div" class=""></div>
        <div id="u4287_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4288" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4288_div" class=""></div>
        <div id="u4288_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4289" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4289_div" class=""></div>
        <div id="u4289_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4290" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4290_div" class=""></div>
        <div id="u4290_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4291" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4291_div" class=""></div>
        <div id="u4291_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4292" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4292_div" class=""></div>
        <div id="u4292_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4293" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4293_div" class=""></div>
        <div id="u4293_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4294" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4294_div" class=""></div>
        <div id="u4294_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4295" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4295_div" class=""></div>
        <div id="u4295_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4296" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4296_div" class=""></div>
        <div id="u4296_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4297" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4297_div" class=""></div>
        <div id="u4297_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4298" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4298_div" class=""></div>
        <div id="u4298_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4299" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4299_div" class=""></div>
        <div id="u4299_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4300" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4300_div" class=""></div>
        <div id="u4300_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4301" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4301_div" class=""></div>
        <div id="u4301_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4302" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4302_div" class=""></div>
        <div id="u4302_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4303" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4303_div" class=""></div>
        <div id="u4303_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4304" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4304_div" class=""></div>
        <div id="u4304_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4305" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4305_div" class=""></div>
        <div id="u4305_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4306" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4306_div" class=""></div>
        <div id="u4306_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4307" class="ax_default box_1 selected" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4307_div" class="selected"></div>
        <div id="u4307_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4308" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4308_div" class=""></div>
        <div id="u4308_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4309" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4309_div" class=""></div>
        <div id="u4309_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4310" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4310_div" class=""></div>
        <div id="u4310_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4311" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4311_div" class=""></div>
        <div id="u4311_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4312" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4312_div" class=""></div>
        <div id="u4312_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4313" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4313_div" class=""></div>
        <div id="u4313_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4314" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4314_div" class=""></div>
        <div id="u4314_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4315" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4315_div" class=""></div>
        <div id="u4315_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4316" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4316_div" class=""></div>
        <div id="u4316_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4317" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4317_div" class=""></div>
        <div id="u4317_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4318" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4318_div" class=""></div>
        <div id="u4318_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4319" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4319_div" class=""></div>
        <div id="u4319_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4320" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4320_div" class=""></div>
        <div id="u4320_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4321" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4321_div" class=""></div>
        <div id="u4321_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4322" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4322_div" class=""></div>
        <div id="u4322_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4323" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-fenzu-light">
        <div id="u4323_div" class=""></div>
        <div id="u4323_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4324" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4324_div" class=""></div>
        <div id="u4324_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4325" class="ax_default box_1" selectiongroup="u4260nav-cebianlan-light">
        <div id="u4325_div" class=""></div>
        <div id="u4325_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u4327" class="ax_default">
        <div id="u4327_state0" class="panel_state" data-label="State1" style="">
          <div id="u4327_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u4328" class="ax_default box_1">
              <div id="u4328_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u4329" class="ax_default">
              <div id="u4329_state0" class="panel_state" data-label="State1" style="">
                <div id="u4329_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4330" class="ax_default box_1">
                    <div id="u4330_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4331" class="ax_default label">
                    <div id="u4331_div" class=""></div>
                    <div id="u4331_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4332" class="ax_default label">
                    <div id="u4332_div" class=""></div>
                    <div id="u4332_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4333" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4334" class="ax_default label">
                      <div id="u4334_div" class=""></div>
                      <div id="u4334_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4335" class="ax_default paragraph">
                      <div id="u4335_div" class=""></div>
                      <div id="u4335_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4336" class="ax_default label">
                    <div id="u4336_div" class=""></div>
                    <div id="u4336_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4337" class="ax_default label">
                    <div id="u4337_div" class=""></div>
                    <div id="u4337_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4338" class="ax_default label">
                    <div id="u4338_div" class=""></div>
                    <div id="u4338_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4339" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4340" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u4341" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u4342" class="ax_default image">
                    <img id="u4342_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4343" class="ax_default label">
                    <div id="u4343_div" class=""></div>
                    <div id="u4343_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u4344" class="ax_default paragraph">
                    <div id="u4344_div" class=""></div>
                    <div id="u4344_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4345" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4346" class="ax_default label">
                      <div id="u4346_div" class=""></div>
                      <div id="u4346_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4347" class="ax_default paragraph">
                      <div id="u4347_div" class=""></div>
                      <div id="u4347_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u4348" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4349" class="ax_default label">
                      <div id="u4349_div" class=""></div>
                      <div id="u4349_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u4350" class="ax_default paragraph">
                      <div id="u4350_div" class=""></div>
                      <div id="u4350_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4351" class="ax_default heading_1">
        <div id="u4351_div" class=""></div>
        <div id="u4351_text" class="text ">
          <p><span>Select 选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4352" class="ax_default heading_1">
        <div id="u4352_div" class=""></div>
        <div id="u4352_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4353" class="ax_default label">
        <div id="u4353_div" class=""></div>
        <div id="u4353_text" class="text ">
          <p><span>使用模拟的增强下拉选择器来代替浏览器原生的选择器。</span></p><p><span>考虑到原型的用途无需数据代入，只实现了收起和展开的两种状态。</span></p>
        </div>
      </div>

      <!-- select-list-1 (Group) -->
      <div id="u4354" class="ax_default ax_default_hidden" data-label="select-list-1" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (Rectangle) -->
        <div id="u4355" class="ax_default box_1">
          <div id="u4355_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4356" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4356_div" class=""></div>
          <div id="u4356_text" class="text ">
            <p><span>New York</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4357" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4357_div" class=""></div>
          <div id="u4357_text" class="text ">
            <p><span>London</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4358" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
          <div id="u4358_div" class="disabled"></div>
          <div id="u4358_text" class="text ">
            <p><span>Sydney</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4359" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4359_div" class=""></div>
          <div id="u4359_text" class="text ">
            <p><span>Ottawa</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4360" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4360_div" class=""></div>
          <div id="u4360_text" class="text ">
            <p><span>Paris</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4361" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4361_div" class=""></div>
          <div id="u4361_text" class="text ">
            <p><span>Canberra</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4362" class="ax_default" data-left="230" data-top="335" data-width="212" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u4363" class="ax_default box_1" data-label="input-border">
          <div id="u4363_div" class=""></div>
          <div id="u4363_text" class="text ">
            <p><span>Choose</span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u4364" class="ax_default box_1" data-label="input-border">
          <img id="u4364_img" class="img " src="images/选择器/input-border_u4364.png"/>
          <div id="u4364_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- select-list-2 (Group) -->
      <div id="u4365" class="ax_default ax_default_hidden" data-label="select-list-2" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (Rectangle) -->
        <div id="u4366" class="ax_default box_1">
          <div id="u4366_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4367" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4367_div" class=""></div>
          <div id="u4367_text" class="text ">
            <p><span>New York</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4368" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4368_div" class=""></div>
          <div id="u4368_text" class="text ">
            <p><span>London</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4369" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
          <div id="u4369_div" class="disabled"></div>
          <div id="u4369_text" class="text ">
            <p><span>Sydney</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4370" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4370_div" class=""></div>
          <div id="u4370_text" class="text ">
            <p><span>Ottawa</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4371" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4371_div" class=""></div>
          <div id="u4371_text" class="text ">
            <p><span>Paris</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4372" class="ax_default box_1" selectiongroup="dropdown-list-1">
          <div id="u4372_div" class=""></div>
          <div id="u4372_text" class="text ">
            <p><span>Canberra</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4373" class="ax_default" data-left="479" data-top="335" data-width="212" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u4374" class="ax_default box_1 disabled" data-label="input-border">
          <div id="u4374_div" class="disabled"></div>
          <div id="u4374_text" class="text ">
            <p><span>Choose</span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u4375" class="ax_default box_1 disabled" data-label="input-border">
          <img id="u4375_img" class="img " src="images/选择器/input-border_u4364_disabled.png"/>
          <div id="u4375_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4376" class="ax_default label">
        <div id="u4376_div" class=""></div>
        <div id="u4376_text" class="text ">
          <p><span>&#149; 基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4377" class="ax_default label">
        <div id="u4377_div" class=""></div>
        <div id="u4377_text" class="text ">
          <p><span>&#149; Disabled</span></p>
        </div>
      </div>

      <!-- selection-group-3 (Group) -->
      <div id="u4378" class="ax_default ax_default_hidden" data-label="selection-group-3" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (Rectangle) -->
        <div id="u4379" class="ax_default box_1">
          <div id="u4379_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4380" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (Rectangle) -->
          <div id="u4381" class="ax_default box_1">
            <div id="u4381_div" class=""></div>
            <div id="u4381_text" class="text ">
              <p><span>New York</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4382" class="ax_default box_1">
            <img id="u4382_img" class="img " src="images/选择器/u4382.png"/>
            <div id="u4382_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4383" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (Rectangle) -->
          <div id="u4384" class="ax_default box_1">
            <div id="u4384_div" class=""></div>
            <div id="u4384_text" class="text ">
              <p><span>London</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4385" class="ax_default box_1">
            <img id="u4385_img" class="img " src="images/选择器/u4382.png"/>
            <div id="u4385_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4386" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (Rectangle) -->
          <div id="u4387" class="ax_default box_1">
            <div id="u4387_div" class=""></div>
            <div id="u4387_text" class="text ">
              <p><span>Sydney</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4388" class="ax_default box_1">
            <img id="u4388_img" class="img " src="images/选择器/u4382.png"/>
            <div id="u4388_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4389" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (Rectangle) -->
          <div id="u4390" class="ax_default box_1">
            <div id="u4390_div" class=""></div>
            <div id="u4390_text" class="text ">
              <p><span>Ottawa</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4391" class="ax_default box_1">
            <img id="u4391_img" class="img " src="images/选择器/u4382.png"/>
            <div id="u4391_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4392" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (Rectangle) -->
          <div id="u4393" class="ax_default box_1">
            <div id="u4393_div" class=""></div>
            <div id="u4393_text" class="text ">
              <p><span>Paris</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4394" class="ax_default box_1">
            <img id="u4394_img" class="img " src="images/选择器/u4382.png"/>
            <div id="u4394_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u4395" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (Rectangle) -->
          <div id="u4396" class="ax_default box_1">
            <div id="u4396_div" class=""></div>
            <div id="u4396_text" class="text ">
              <p><span>Canberra</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4397" class="ax_default box_1">
            <img id="u4397_img" class="img " src="images/选择器/u4382.png"/>
            <div id="u4397_text" class="text ">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4398" class="ax_default" data-left="731" data-top="335" data-width="212" data-height="32">

        <!-- input-border (Rectangle) -->
        <div id="u4399" class="ax_default box_1" data-label="input-border">
          <div id="u4399_div" class=""></div>
          <div id="u4399_text" class="text ">
            <p><span>Multiple choose</span></p>
          </div>
        </div>

        <!-- input-border (Rectangle) -->
        <div id="u4400" class="ax_default box_1" data-label="input-border">
          <img id="u4400_img" class="img " src="images/选择器/input-border_u4364.png"/>
          <div id="u4400_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4401" class="ax_default label">
        <div id="u4401_div" class=""></div>
        <div id="u4401_text" class="text ">
          <p><span>&#149; 多选</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
